$(function () {
    TaberInit();
    $("#btn_query").click(function () {
        $('#dataShow').bootstrapTable('refresh');
        TaberInit();
        });
    $("#btn_resetting").click(function () {
        ButtonInit();
    });
    $("#btn_add").click(function () {
        add();
    });
    $("#btn_return").click(function () {
        returns();
    });
    $("#btn_save").click(function () {
        return true;
    });
    $("#btn_cancel").click(function () {
        msgHidden();
        return false;
    });
});

/**
 * 初始化表格
 * @constructor
 */
function TaberInit(){
    $("#dataShow").bootstrapTable({
        url: ctx+'/consumer.action?method=getDate',        //请求后台的URL（*）
        method: 'get',                      //请求方式（*）
        dataType: "json",
        toolbar: '#toolButton',                //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortable: true,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        queryParams: queryParams,           //传递参数（*）
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber:1,                       //初始化加载第一页，默认第一页
        pageSize: 10,                       //每页的记录行数（*）
        pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
        search: true,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
        showColumns: false,                  //是否显示所有的列
        showRefresh: true,                  //是否显示刷新按钮
        minimumCountColumns: 0,             //最少允许的列数
        clickToSelect: true,                //是否启用点击选中行
        height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "id",                     //每一行的唯一标识，一般为主键列
        showToggle:true,                    //是否显示详细视图和列表视图的切换按钮
        cardView: false,                    //是否显示详细视图
        detailView: false,                   //是否显示父子表
        columns: [ {
            title: '序号',
            align: 'center',
            valign: 'middle',
            sortable: true,
            formatter:function (value, row, index) {
                return index+1;
            }
        },{
            field: 'name',
            title: '姓名',
            align: 'center',
            valign: 'middle',
            sortable: true,
        }, {
            field: 'sfz_no',
            title: '身份证号',
            align: 'center',
            valign: 'middle',
            sortable: true,
        },{
            field: 'username',
            title: '用户名',
            align: 'center',
            valign: 'middle',
            sortable: true,
        }, {
            field: 'phone',
            title: '联系电话',
            align: 'center',
            valign: 'middle',
            sortable: true,
        }, {
            field: 'address',
            title: '住址',
            align: 'center',
            valign: 'middle'
        }, {
            field: 'remark',
            title: '备注',
            align: 'center',
            valign: 'middle'
        },  {
            title: '操作',
            align: 'center',
            valign: 'middle',
            formatter: operateFormatter,
            events: window.operateEvents,
        }]
    });
    function operateFormatter(value, row, index) {
        return [
           '<button id="btn_edit" type="button" class="btn btn-default">',
            '<span class="glyphicon glyphicon-pencil" aria-hidden="true" onclick="conModify('+row.id+')"></span>修改',
            '</button>',
            '<button id="btn_delete" type="button" class="btn btn-default" onclick="conDelete('+row.id+')">',
            '<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除',
            '</button>'
        ].join('');
    }
    function queryParams(params) {
            params["username"]=$("#username").val();
            params["phone"]=$("#phone").val();
        return params;
    }

}

/**
 * 初始化参数
 * @constructor
 */
function ButtonInit() {
    $("#username").val("");
    $("#phone").val("");
}
/**
 * 添加用户
 */
function add(){
    window.location.href=ctx+"/consumer.action?method=add&_="+Math.random();
}

/**
 * 返回页面
 */
function returns() {
    window.location.href=ctx+"/index.action";
}

/**
 * 修改信息
 * @param id
 */
function conModify(id){
    $.ajax({
        url:ctx+'/consumer.action?method=delete',
        type:'post',
        dataType:'json',
        data:{
            id:id,
            mode:'indirect'
        },
        success:function(data){

        },

    })
}

/*打开提示*/
function msgShow(msg) {
    $("#confirm-body").text(msg);
    $("#confirmComeOn").modal("show")
}
/*关闭提示*/
function msgHidden(msg) {
    $("#confirm-body").text("");
    $('#confirmComeOn').modal('hide');
}


/**
 * 逻辑删除学员
 * @param id
 */
function conDelete(id){
    layer.msg("确定要删除吗？",{
        time:0,
        icon:7,
        btn:['确认','取消'],
        yes:function (index) {
            $.ajax({
                url:ctx+'/consumer.action?method=delete',
                type:'post',
                dataType:'json',
                data:{
                    id:id,
                    mode:'indirect'
                },
                success:function(data){
                    if(data==null){
                        layer.msg("删除过程中遇到未知错误，请联系管理员！",{icon:5});
                    }else if(data.success=='fail'){
                        layer.alert(data.msg,{icon:2});
                    }else {
                        layer.msg("用户删除成功！",{icon:6});
                        $('#dataShow').bootstrapTable('refresh');
                    }

                },

            });
            layer.close(index);
        }
    })

}
